export default (_self, h) => {
  return [
      h('Button', {
          props: {
              type:"primary",
              size: _self.obj.size || "default",
              disabled:_self.disabled
          },
          style:{
              'margin-left': _self.obj.marginLeft + 'px',
              'margin-top': _self.obj.marginTop + 'px',
          },
          on: {
              click: (event) => {
                  event.stopPropagation(); //阻止事件冒泡
              }
          }
      },_self.obj.label)
  ];
};

export let gridConf = {
    //栅格
    type: 'grid',
    // 是否可配置
    config: true,
    // 控件左侧label内容
    label: '栅格布局',
    //缺省栅格
    grids:[{"span":12},{"span":12}],
    // 是否被渲染
    visibility: true,
    //垂直对齐方式
    alignOptions:[{"value":"top","label":"顶部对齐"},{"value":"bottom","label":"底部对齐"},{"value":"middle","label":"居中对齐"}],
    //水平对齐方式
    justifyOptions:[{"value":"start","label":"左对齐"},{"value":"end","label":"右对齐"},{"value":"center","label":"居中"},{"value":"space-around","label":"两侧间隔相等"},{"value":"space-between","label":"两端对齐"}],
    props:{
        //栅格间距
        gutter:0,
        align:"middle",
        justify:"center",
    }
}
